<template>
    <div>
        用户名：<input type="text">
        <br>
        密码：<input type="text">
    </div>
</template>

<script>
export default {
    created(){
        console.log("created 组件创建了");
    },
    destroyed(){
        console.log("destroyed 组件销毁了");
    },
    // vue扩展的生命周期钩子函数
    // 用于判断被缓存的组件，当前的状态（显示还是隐藏状态）
    activated(){
        console.log("组件显示了");
    },
    deactivated(){
        console.log("组件隐藏了");
    }
}
</script>

<style>

</style>